@layout("/common/_container.html",{js:["/assets/order/orderPut/orderPut_add.js"]}){
<style>
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
     border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
    	background-color: #e6e6e6;
			width: 160px;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Add</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="orderPutForm" lay-filter="orderPutForm" class="layui-form layui-form-pane" style="max-width: 1300px;margin: 10px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
			    	<legend>Enter Inbound Order</legend>
			  	</fieldset> 
                <div class="layui-form-item">
                	<table>
                		<tr>
                			<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Customer Name<span style="color: red;">*</span></label>
                			</td>
                			<td colspan="3">
		                        <select id="putCustomerId" name="putCustomerId" lay-filter="dataSourceId" lay-verify="required" required>
		                            @for(item in customerlist!){
		                            <option value="${item.id}">${item.customerName}</option>
		                            @}
		                        </select>
                			</td>
                			<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Customer Order No.<span style="color: red;">*</span></label>
                			</td>
                			<td>
		                        <input id="putCustomerNumber" name="putCustomerNumber" placeholder="Enter Customer Order No." type="text" class="layui-input" lay-verify="required" required/>
                			</td>
                			<td>
                    			<label class="layui-form-label">Estimated Time</label>
                			</td>
                			<td colspan="3">
		                        <input id="estimatetime" name="estimatetime" placeholder="Enter Estimated Inbound Time" type="text" class="layui-input" lay-verify="" readonly="readonly" style="background: #E7EAED"/>
                			</td>
                		</tr>
                		<tr>
                			<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Warehouse Name<span style="color: red;">*</span></label>
                			</td>
                			<td>
		                        <select id="warehouseId" name="warehouseId" lay-filter="dataSourceId" lay-verify="required" required>
                            <option value="">Select</option>
                            @for(item in wlist!){
                            <option value="${item.id}">${item.warehouseName}</option>
                            @}
                        </select>
                			</td>
                			<td>
                    			<label class="layui-form-label">Inbound Type</label>
                			</td>
                			<td>
		                        <select id="putType" name="putType" lay-filter="dataSourceId" lay-verify="" required>
                            <option value="">Select</option>
                            @for(item in dictList!){
                            <option value="${item.name}">${item.name == '批量入库' ? 'Batch Inbound' : item.name}</option>
                            @}
                        </select>
                			</td>
                			<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Inbound Method<span style="color: red;">*</span></label>
                			</td>
                			<td>
		                        <select id="putMode" name="putMode" lay-filter="putMode" lay-verify="required" required>
                            @for(item in dictListm!){
                            <option value="${item.name}">${item.name == '港口接货' ? 'Port Receiving' : item.name}</option>
                            @}
                        </select>
                			</td>
                			<td>
                    			<label class="layui-form-label">Settlement Method</label>
                			</td>
                			<td>
		                        <select id="settlement" name="settlement" lay-filter="dataSourceId" lay-verify="" required>
                            <option value="">Select</option>
                            @for(item in dictLists!){
                            <option value="${item.name}">${item.name}</option>
                            @}
                        </select>
                			</td>
                			<td>
                    			<label class="layui-form-label">Customer Delivery No.</label>
                			</td>
                			<td>
		                        <input id="shipmentnumber" name="shipmentnumber" placeholder="Customer Delivery No." type="text" class="layui-input" lay-verify="" required/>
                			</td>
                		</tr>
                		<tr>
                			<td>
                    			<label class="layui-form-label">Plate Number/Container No.</label>
                			</td>
                			<td>
		                        <input id="carnumber" name="carnumber" placeholder="Enter Plate Number/Container No." type="text" class="layui-input" lay-verify="" required/>
                			</td>
                			<td>
                    			<label class="layui-form-label">Origin</label>
                			</td>
                			<td>
		                        <input id="origin" name="origin" placeholder="Enter Origin" type="text" class="layui-input" lay-verify="" required/>
                			</td>
                			<td>
                    			<label class="layui-form-label">Source Unit</label>
                			</td>
                			<td colspan="5">
		                        <input id="sourceunit" name="sourceunit" placeholder="Enter Source Unit" type="text" class="layui-input" lay-verify="" required/>
                			</td>
                		</tr>
                		<tr>
                			<td>
                    			<label class="layui-form-label">Remarks</label>
                			</td>
                			<td colspan="9">
		                        <input id="notes" name="notes" placeholder="Enter Remarks" type="text" class="layui-input" lay-verify="" required/>
                			</td>
                		</tr>
                	</table>
                </div>
                <div class="layui-form-item" id="unit-h">
                	<table style="line-height: 0px;">
                		<tr style="height: 40px;">
                			<td colspan="6"><i class="layui-icon">&#xe66f;</i><b>Shipment Information</b></td>
                			<td colspan="4"><i class="layui-icon">&#xe66f;</i><b>Receiving Information</b></td>
                		</tr>
                		<tr>
	                		<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Loading Unit<span style="color: red;">*</span></label>
	                		</td>
	                		<td>
	                			<input id="verify" type="hidden">
	                			<input id="setUnitId" name="setUnitId" type="hidden">
                        		<input id="setUnit" name="setUnit" placeholder="Select" type="text" class="layui-input" lay-verify="setUnit" required/>
	                		</td>
                			<td>
                				<label class="layui-form-label" style="font-weight: 600;">Shipping Date<span style="color: red;">*</span></label>
                			</td>
	                		<td>
                        		<input id="setMentiontime" name="setMentiontime" placeholder="Enter Shipping Date" type="text" class="layui-input" lay-verify="setMentiontime" required readonly="readonly" style="background: #E7EAED"/>
                			</td>
                			<td>
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                			</td>
                			<td>
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                			</td>
	                		<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Unloading Unit<span style="color: red;">*</span></label>
	                		</td>
	                		<td>
	                			<input id="getUnitId" name="getUnitId" type="hidden">
                        		<input id="getUnit" name="getUnit" placeholder="Select" type="text" class="layui-input" lay-verify="getUnit" required/>
	                		</td>
                			<td>
                				<label class="layui-form-label">Arrival Time</label>
                			</td>
	                		<td>
                        		<input id="getMentiontime" name="getMentiontime" placeholder="Enter Arrival Time" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                			</td>
                		</tr>
                		<tr>
	                		<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Loading Address<span style="color: red;">*</span></label>
	                		</td>
	                		<td colspan="3">
	                			<input id="setLocationId" name="setLocationId" type="hidden">
                        		<input id="setLocation" name="setLocation" placeholder="Select" type="text" class="layui-input" lay-verify="setLocation" required/>
	                		</td>
                			<td>
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                			</td>
                			<td>
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                			</td>
	                		<td>
                    			<label class="layui-form-label" style="font-weight: 600;">Unloading Address<span style="color: red;">*</span></label>
	                		</td>
	                		<td colspan="3">
	                			<input id="getLocationId" name="getLocationId" type="hidden">
                        		<input id="getLocation" name="getLocation" placeholder="Select" type="text" class="layui-input" lay-verify="getLocation" required/>
	                		</td>
                            <td colspan="1">
                            	<button class="layui-btn layui-btn-primary" type="button" id="choicep"><i class="layui-icon">&#xe715;</i>Select Location</button>
                            </td>
                		</tr>
                		
                		<tr>
                			<td>
                				<label class="layui-form-label">Contact Person</label>
                			</td>
	                		<td>
                        		<input id="setPeople" name="setPeople" placeholder="Enter Contact Person" type="text" class="layui-input" lay-verify="" required/>
	                		</td>
                			<td>
                				<label class="layui-form-label">Contact Phone</label>
                			</td>
	                		<td>
                        		<input id="setTel" name="setTel" placeholder="Enter Contact Phone" type="text" class="layui-input" lay-verify="" required/>
	                		</td>
                			<td>
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                			</td>
                			<td>
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                				&nbsp;&nbsp;&nbsp;&nbsp;
                			</td>
                			<td>
                				<label class="layui-form-label">Contact Person</label>
                			</td>
	                		<td>
                        		<input id="getPeople" name="getPeople" placeholder="Enter Contact Person" type="text" class="layui-input" lay-verify="" required/>
	                		</td>
                			<td>
                				<label class="layui-form-label">Contact Phone</label>
                			</td>
	                		<td>
                        		<input id="getTel" name="getTel" placeholder="Enter Contact Phone" type="text" class="layui-input" lay-verify="" required/>
	                		</td>
                		</tr>
                	
                	</table>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Back&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}